<template>
 <div class="404">
  <el-upload
  action="'http://192.168.1.98:20000/pub/fileUploadRecord/upload"
    list-type="picture-card"
    :headers="{ Authorization:'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6MSwiZXhwIjoxNjgyNjQ4NzExLCJ1c2VybmFtZSI6IjE4OTkzMDQ3NTk2In0.bG85eAsn0YomjeWCuwPSx3lm39xLUibpV5usj6XdFkk' }"
    :data="{userId:'2'}"
    :on-preview="handlePreview"
    :on-remove="handleRemove">
    <i class="el-icon-plus"></i>
  </el-upload>
  <el-dialog :visible.sync="dialogVisible">
    <img width="100%" :src="dialogImageUrl" alt="">
  </el-dialog>
 </div>
</template>

<script>
export default {
  data() {
    return {
      dialogVisible: false,
      dialogImageUrl: '',
      data:{
        userId:'2',
        applicationType:'0',
        level:'0',
        dataType:'0'
      }
    };
  },
  methods: {
    handlePreview(file) {
      this.dialogImageUrl = file.url;
      this.dialogVisible = true;
    },
    handleRemove(file, fileList) {
      // 处理文件删除操作
      console.log(file, fileList);
    }
  },
  mounted(){
  
  }
}
</script>
